'use strict';

// 1、题目描述
// 找出元素 item 在给定数组 arr 中的位置
// 输出描述:
// 如果数组中存在 item，则返回元素在数组中的位置，否则返回 -1
// 示例1
// 输入
// [ 1, 2, 3, 4 ], 3
// 输出
// 2

function indexOf(arr, item) {
    return arr.indexOf(item);
}
console.log('第一题：'+indexOf([1,2,3,4],3));



// 2、题目描述
// 计算给定数组 arr 中所有元素的总和
// 输入描述:
// 数组中的元素均为 Number 类型
// 示例1
// 输入

// [ 1, 2, 3, 4 ]
// 输出

// 10
function sum(arr) {
    let sum = 0;
    for(let item of arr){
        sum = sum+item;
    }
    return sum;
}
console.log("第二题："+sum([ 1, 2, 3, 4 ]));




// 3、题目描述
// 移除数组 arr 中的所有值与 item 相等的元素。不要直接修改数组 arr，结果返回新的数组
// 示例1
// 输入

// [1, 2, 3, 4, 2], 2
// 输出

// [1, 3, 4]

function remove(arr, item) {
    let newarr = [];
    for(let arrItem of arr){
        if(arrItem !=item){
            newarr.push(arrItem);
        }
    }
    return newarr;
}
console.log("第三题："+remove([1, 2, 3, 4, 2], 2));


// 4、题目描述
// 移除数组 arr 中的所有值与 item 相等的元素，直接在给定的 arr 数组上进行操作，并将结果返回
// 示例1
// 输入

// [1, 2, 2, 3, 4, 2, 2], 2
// 输出

// [1, 3, 4]

function removeWithoutCopy(arr, item) {
        while(arr.indexOf(item)!= -1){
            arr.splice(arr.indexOf(item),1);
        }
    return arr;
}

console.log("第四题："+removeWithoutCopy([1, 2, 2, 3, 4, 2, 2], 2));



// 5、题目描述
// 在数组 arr 末尾添加元素 item。不要直接修改数组 arr，结果返回新的数组
// 示例1
// 输入

// [1, 2, 3, 4],  10
// 输出

// [1, 2, 3, 4, 10]

function append(arr, item) {
    let newarr = arr;
    newarr.push(item);
    return newarr;
}
console.log("第五题："+append([1, 2, 3, 4],  10));


// 6、题目描述
// 删除数组 arr 最后一个元素。不要直接修改数组 arr，结果返回新的数组
// 示例1
// 输入

// [1, 2, 3, 4]
// 输出

// [1, 2, 3]

function truncate(arr) {
    let newarr = arr;
    newarr.pop();
    return newarr;
}
console.log("第六题："+truncate([1, 2, 3, 4]));



// 7、题目描述
// 在数组 arr 开头添加元素 item。不要直接修改数组 arr，结果返回新的数组
// 示例1
// 输入

// [1, 2, 3, 4], 10
// 输出

// [10, 1, 2, 3, 4]
var arr = [];

function prepend(arr, item) {
    let newarr = arr;
    newarr.unshift(item);
    return newarr;
}
console.log("第七题："+prepend([1, 2, 3, 4], 10));


// 8、题目描述
// 删除数组 arr 第一个元素。不要直接修改数组 arr，结果返回新的数组
// 示例1
// 输入

// [1, 2, 3, 4]
// 输出

// [2, 3, 4]

function curtail(arr) {
    let newarr = arr;
    newarr.shift();
    return newarr;
}
console.log("第八题："+curtail([1, 2, 3, 4]));



// 9、题目描述
// 合并数组 arr1 和数组 arr2。不要直接修改数组 arr，结果返回新的数组
// 示例1
// 输入

// [1, 2, 3, 4], ['a', 'b', 'c', 1]
// 输出

// [1, 2, 3, 4, 'a', 'b', 'c', 1]

function concat(arr1, arr2) {
    let newarr = arr1;
     newarr = newarr.concat(arr2);
    return newarr;
}

console.log("第九题："+concat([1, 2, 3, 4], ['a', 'b', 'c', 1]));



// 10、题目描述
// 在数组 arr 的 index 处添加元素 item。不要直接修改数组 arr，结果返回新的数组
// 示例1
// 输入

// [1, 2, 3, 4], 'z', 2
// 输出

// [1, 2, 'z', 3, 4]
function insert(arr, item, index) {
    let newarr = arr.slice(0,index);
    newarr[index] = item;
    newarr = newarr.concat(arr.slice(index));
    return newarr;
}
console.log("第十题："+insert([1, 2, 3, 4], 'z', 2));




// 11、题目描述
// 统计数组 arr 中值等于 item 的元素出现的次数
// 示例1
// 输入

// [1, 2, 4, 4, 3, 4, 3], 4
// 输出

// 3

function count(arr, item) {
    let count = 0;
    for(let arrItem of arr){
        if(arrItem===item){
            count=count+1;
        }
    }
    return count;
}
console.log("第十一题："+count([1, 2, 4, 4, 3, 4, 3], 4));



// 12、题目描述
// 找出数组 arr 中重复出现过的元素
// 示例1
// 输入

// [1, 2, 4, 4, 3, 3, 1, 5, 3]
// 输出

// [1, 3, 4]

function duplicates(arr) {
    let newarr = [];
    for(let item of arr){
        if(arr.indexOf(item)!==arr.lastIndexOf(item)){
            if(newarr.indexOf(item) === -1){
                newarr.push(item);
            }
        }
    }
    return newarr;
}
console.log("第十二题："+duplicates([1, 2, 4, 4, 3, 3, 1, 5, 3]));



// 13、题目描述
// 为数组 arr 中的每个元素求二次方。不要直接修改数组 arr，结果返回新的数组
// 示例1
// 输入

// [1, 2, 3, 4]
// 输出

// [1, 4, 9, 16]

function square(arr) {
    let newarr = arr;
    return newarr.map(x=>{
        return x*x;
    });
}
console.log("第十三题："+square([1, 2, 3, 4]));



// 14、题目描述
// 在数组 arr 中，查找值与 item 相等的元素出现的所有位置
// 示例1
// 输入

// ['a','b','c','d','e','f','a','b','c'],'a'
// 输出

// [0, 6]
function findAllOccurrences(arr, target) {
    let newarr = [];
    arr.forEach((item,index)=>{
        if(item===target){
            newarr.push(index);
        }
    });
    return newarr;
}
console.log("第十四题："+findAllOccurrences(['a','b','c','d','e','f','a','b','c'],'a'));



// 15、题目描述
// 判断 val1 和 val2 是否完全等同

function identity(val1, val2) {
    if(val1===val2){
        return true;
    }
    return false;
}
console.log("第十五题："+identity(1,2));



// 16、题目描述
// 定义一个计算圆面积的函数area_of_circle()，它有两个参数：

// r: 表示圆的半径；
// pi: 表示π的值，如果不传，则默认3.14

function area_of_circle(r, pi) {
    let p = pi||3.14;
    return r*r*p;
}
console.log("第十六题："+area_of_circle(5,3.14));



// 17、题目描述

// <!-- HTML结构 -->
// <ul id="test-list">
//     <li>JavaScript</li>
//     <li>Swift</li>
//     <li>HTML</li>
//     <li>ANSI C</li>
//     <li>CSS</li>
//     <li>DirectX</li>
// </ul>

// 针对以上文档结构，请把与Web开发技术不相关的节点删掉：

// 注意！！请分别使用原生JS和jQuery两种试实现！！！！！

let ul = document.getElementById("test-list");
ul.removeChild(ul.children[1]);
ul.removeChild(ul.children[2]);
ul.removeChild(ul.children[3]);
let li1 = $("#001");
let li2 = $("#002");
let li3 = $("#003");
li1.remove();
li2.remove();
li3.remove();



// 18、题目描述

// 对如下的Form表单：

// <!-- HTML结构 -->
// <form id="test-form" action="test">
//     <legend>请选择想要学习的编程语言：</legend>
//     <fieldset>
//         <p><label class="selectAll"><input type="checkbox"> <span class="selectAll">全选</span><span class="deselectAll">全不选</span></label> <a href="#0" class="invertSelect">反选</a></p>
//         <p><label><input type="checkbox" name="lang" value="javascript"> JavaScript</label></p>
//         <p><label><input type="checkbox" name="lang" value="python"> Python</label></p>
//         <p><label><input type="checkbox" name="lang" value="ruby"> Ruby</label></p>
//         <p><label><input type="checkbox" name="lang" value="haskell"> Haskell</label></p>
//         <p><label><input type="checkbox" name="lang" value="scheme"> Scheme</label></p>
// 		<p><button type="submit">Submit</button></p>
//     </fieldset>
// </form>

// 要求:
// 绑定合适的事件处理函数，实现以下逻辑：

// 当用户勾上“全选”时，自动选中所有语言，并把“全选”变成“全不选”；

// 当用户去掉“全不选”时，自动不选中所有语言；

// 当用户点击“反选”时，自动把所有语言状态反转（选中的变为未选，未选的变为选中）；

// 当用户把所有语言都手动勾上时，“全选”被自动勾上，并变为“全不选”；

// 当用户手动去掉选中至少一种语言时，“全不选”自动被去掉选中，并变为“全选”。


var form = $('#test-form');
var langs = form.find('[name=lang]');
var checkedAll = form.find('label.selectAll :checkbox');
var all = form.find('label.selectAll span.selectAll');
var notall = form.find('label.selectAll span.deselectAll');
var a = form.find('a.invertSelect');

notall.hide();

checkedAll.click(function(){
    if(checkedAll.is(":checked")){
        langs.prop("checked",true);
        all.hide();
        notall.show();
    }else{
        langs.prop("checked",false);
        all.show();
        notall.hide();
    }
});

a.click(function(){
    for(let i = 0;i<langs.length;i++){
        if(langs[i].checked===true){
            langs[i].checked = false;
        }else{
            langs[i].checked = true;
        }
    }
});

form.click(function(){
    let sum = 0;
    for(let i = 0;i<langs.length;i++){
        if(langs[i].checked===true){
            sum= sum+1;
        }
    }
    if(sum===langs.length){
        checkedAll.prop("checked",true);
        all.hide();
        notall.show();
    }else{
        checkedAll.prop("checked",false);
        all.show();
        notall.hide();
    }
});